import React, {Component} from 'react';

export default class DemoSetState extends Component {
	state = {count: 0};

  /* 
    setState为异步方法,有两种传参方式
    1,传入对象,此方法参数为需要修改的对象
    2,传入函数,此方法传入值为一个函数,且函数的参数会自带state和props(适用于一些依赖原状态的地方)
  */

	add = () => {
		// 正常+1
		// const {count} = this.state;
		// this.setState({count: count + 1});

		// 新特性
		this.setState((state, props) => {
			return {count: state.count + 1};
		});
	};

	render() {
		return (
			<div>
				<h1>当前求和为:{this.state.count}</h1>
				<button onClick={this.add}>点我+1</button>
			</div>
		);
	}
}
